<div class="ui inverted fixed menu">
  <div class="ui secondary pointing menu">
    <a class="item" [routerLink]="['Home']">
      <img src="resources/static/pic/logo.png"  />
    </a>
    <a class="item" [routerLink]="['Home']">
      <h2>Lagoon</h2>
    </a>
    <a class="item" [routerLink]="['Home']">
      Home
    </a>
    <a *ngIf = "loginService.checkLogin()" class="item" [routerLink]="['MyTaskInfo']">
      My Task
    </a>
    <a *ngIf = "loginService.checkLogin()" class="item" [routerLink]="['MySharedTask']">
      Shared Tasks
    </a>
  </div>
  <div class="right menu">
    <a *ngIf="!loginService.checkLogin()"  class="item" [routerLink]="['Register']">
      Register
    </a>
    <a class="item" [routerLink]="['Login']" (click)="onClick()">
      {{loginService.checkLogin()? 'Logout' : 'Login'}}
    </a>
  </div>
</div>
